<template>
	<view>
		<view class="placeholder"></view>
		<view class="placeholder2" :style="{ backgroundColor:bgColor}"></view>
	</view>
</template>

<script>
	export default {
		props: {
			bgColor: {
				type: String,
				default:"#f8f8f8"
			}
		}
	}
</script>

<style scoped>
	.placeholder {
		width: 100%;
		height: 30rpx;
		background-color: #585CF7;
	}

	.placeholder2 {
		width: 100%;
		height: 30rpx;
		background-color: #f8f8f8;
		border-radius: 20rpx 20rpx 0 0;
		margin-top: -15rpx;
	}
</style>
